

<template>
  <el-menu
      :default-active="activeIndex"
      class="el-menu-demo"
      mode="horizontal"
      @select="handleSelect"
  >
    <el-menu-item index="person">人事管理</el-menu-item>
    <el-menu-item index="Camera">监控器管理</el-menu-item>
    <el-menu-item index="Machinery">器械管理</el-menu-item>
    <el-menu-item index="Recording">录像管理</el-menu-item>

  </el-menu>
</template>
<script setup lang="ts">
import router from "@/router";
import {ref} from "vue";
const handleSelect = (key: string, keyPath: string[]) => {
  router.push({
    path: key,
  });
}
</script>
<style scoped>

</style>